<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
<div class="d">
    这是一个div标签

</div>
<div id="d2">
    这是一个div标签

</div>
<b>标签</b>
<div class="d">
    这是一个div<b>标签</b>

</div>
<div>
    这是一个div标签

</div>
<input type="button">
<input type="button">
<input type="submit">
<input type="reset">
<input type="text">
<input type="hidden">
</body>
<script>
    $(function(){
        //当页面加载完成后，才会执行
        //jquery：获取到的对象都是数组
        //标签选择器
        console.log($("div"));
        // id选择器
        console.log($("#d2"));
        // class （类）选择器
        console.log($(".d"));

        //子元素选择器, 只能获取 div包含的b标签
        console.log($("div b"));
        // 属性选择器
        console.log($("input[type=button]"));


        $("div").show();
    })
</script>
</html>